@charset "utf-8";

/* 通用 */

* {margin:0; padding:0;}
ul,ol {list-style:none;}
img {vertical-align:middle; border:none;}
body {color:#333; font:13px/1.5 "Microsoft Yahei",Arial,"宋体",Helvetica;}
a {color:#333;text-decoration:none}
a:hover {color:#d00;text-decoration:none; transition:all 0.3s linear 0s;}
em,i {font-style:normal}
table {border-collapse:collapse;border-spacing:0}

header,footer,article,aside,section,nav,menu,details,dialog,figure,figcaption {display:block}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}

.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:" ";display:block; clear: both; overflow: hidden;}


.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.hide{display:none;}

.w {width:1080px; margin:0 auto;}
.w100 {width:100%;}
.center {margin:0 auto;}
.o {overflow:hidden;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
/* p {word-wrap:break-word} */


/*------------------------------------------首页------------------------------------------*/		


/* Header */

.headtop {height: 40px; line-height: 40px; padding-top: 6px; background: url(../img/topbj.jpg) repeat-x center top;}


.header {height:110px; border-top: 1px solid #eaeaea;  }
.hotline{float:right; margin-top:40px; height:47px; display: inline-block; line-height:47px; padding-left:55px; color:#464646; font-size:18px; background:url(../img/tel.html) no-repeat left center;}
.hotline strong{ font-size:22px; color:#d22833;}


.nav {height:50px; background:url(../img/menu.jpg) repeat-x center top;}
.menu {border-left: 1px solid #eaeaea;}
.menu .m { float:left; display: inline-block;  position:relative; z-index: 999; /*border:1px solid #248ec8; border-top:0; border-bottom:0; margin-left:-1px;   */}
.menu h3 {float: left; font-weight: normal; overflow: hidden; display: inline-block; border-right: 1px solid #eaeaea;}
.menu h3 a {font-size: 14px; color: #787878; line-height: 50px; text-align: center; width: 152px; height: 50px; display: block;}
.menu .currclass h3 a{ background:#3477c8; color: #fff;}
.menu .sub{ display:none; width:152px; padding: 0;  position:absolute; left:0px; top:50px; background:#3477c8; text-align:center;  }
.menu .sub li{ vertical-align:middle; }
.menu .sub li a{ height:25px; line-height:25px; padding:4px 0;  display:block; background:url(images/icon.html) 0 9px no-repeat; color:#fff;   }
.menu .sub li a:hover{ color:#fff; background:#abcf63;   }



.ffocus {height:480px; margin:0 auto; width:100%; position: relative; overflow:hidden;}
.ffocus li, .ffocus li a {height:480px;  margin:0 auto; display: block; text-align: center;}
.ffocus .num { overflow:hidden; position: absolute; bottom:12px; zoom:1; z-index:3; text-align: center; width: 100%; }
.ffocus .num li { width:25px; height:25px; line-height:25px; display: inline-block; text-align:center; font-weight:400; font-family: "微软雅黑", Arial; color:#fff; background:#444; margin-right: 10px; border-radius:50%; cursor:pointer; }
.ffocus .num li.currclass { background: #3477c8; } /*当前项*/
.ffocus .prev,
.ffocus .next { display: none; width: 40px; height: 100px; background: url(../img/btn.png) no-repeat; position: absolute; top: 33%;}
.ffocus .prev { left: 0; }
.ffocus .next { right: 0; background-position: right }


.footer {background: #435669; padding: 14px 0; color: #fff; }
.footer .w {}
.footer a {color: #fff;}
.footer .foot_nav {margin:0px 0px 0;}
.footer .foot_nav a {margin:0 10px; color: #fff;}
.footer .foot_nav a:hover {text-decoration:underline;}
.footer .backtop {position: fixed; right: 20px; bottom: 30px;  z-index: 999;}
.footer .backtop a {width: 50px; height:50px; line-height: 52px; color: #000; display: inline-block; font-size: 30px; text-align: center; cursor: pointer; font-family: 'NSimSun'; background: #E9E8E8;}
.footer .backtop a:hover {background: #397DCF; color: #fff;}

.fixed {position: fixed;right: -3px;top: 50%;z-index: 50;width: 77px;height: 374px;margin-top: -187px;}
.fixed li{position: relative;width: 77px;height: 57px;margin-bottom: 1px;line-height: 20px;color: #fff;text-align: center;}
.fixed li.hover{overflow: hidden;}
.fixed li a{display: inline-block;color: #fff;}
.fixed li a.tit{width: 77px;height: 27px;padding: 30px 10px 0 0;color: #fff;}
.fixed li p{position: relative;z-index: 2;height: 27px;padding-top: 30px;cursor: pointer;}
.fixed li.fi a{ background:url(../img/on_line.png) no-repeat 0px 0px;}
.fixed li.tp a{background:url(../img/on_line.png) no-repeat 0px -171px;}
.fixed li.th a{background:url(../img/on_line.png) no-repeat 0px -57px;}
.fixed li.fo a.tit{background:url(../img/on_line.png) no-repeat 0px -114px;}
.fixed li.fif p{background: url(../img/bg_float05.html) no-repeat;}
.fixed li .tel{position: absolute;left: 77px;top: 0;z-index: 1;width: 184px;height: 57px;font: 24px/57px Arial;color: #fff; background:#85d612;cursor: pointer;}
.fixed a.mof{display: inline-block;width: 54px;height: 71px;padding: 12px 11px 0 12px;margin-top: 10px;*margin-top: 7px;background:url(../img/on_line.png) no-repeat 0px -239px;font-size: 18px;line-height: 22px;color: #fff;}
.fixed .fixma {position:relative; z-index:100;}
.fixed .fixma b {display:none; position:absolute; top:-96px; left:-130px; background:#fff; padding:0 0 13px; border:1px solid #eee;}
.fixed .fixma:hover b {display:block;}
.fixed .fixma a{ background:url(../img/on_line.png) no-repeat 0px -227px; width: 77px;height: 27px;padding: 30px 10px 0 0;color: #fff;}
.fixed .fixma p {  cursor: pointer; height: 18px; padding-top: 0px; position:none; color:#333;}


/* Content */

.h2 {height:32px; line-height:32px; background:url(../img/tit1.html) no-repeat left center;}
.h2 strong { display:inline-block; float:left; padding-left:30px; font-size:14px; }
.h2 a { display:inline-block; float:right; font-size:12px;}

.i {}

.i_new {padding: 40px 0;}
.newl {width:270px;}
.newm {width:750px; width: 460px; height: 200px; margin: 0 40px; background: url(../img/newm.jpg) no-repeat;}
.newmbox {padding: 14px;}
.newmbox h2 {font-size: 24px; color: #fff; font-family: arial; margin-bottom: 6px;}
.intro { line-height:25px; color: #fff;}
.intro a {}
.newr {width:270px; background: url(../img/newr.png) no-repeat 0 0; height: 200px;}
.newr form {margin: 56px 0 0 28px; overflow: hidden;}
.newr form .myinp {height: 28px; line-height: 28px; padding: 0 3px; border: none; background: #fff; width: 166px;}
.newr .link_app {margin: 28px 0 0 2px;}
.newr .link_app a {display: block; float: left; width: 88px; padding-top: 45px; color: #fff; text-align: center;}
.newr .link_app a:hover {text-decoration: underline;}


.i_pro {background: #f6f6f6; padding: 40px 0;}

.propic {}
#pptitle .hd {overflow: hidden;}
#pptitle .hd .next, #pptitle .hd .prev {display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 20px; text-align: center; cursor: pointer; font-family: 'NSimSun'; background: #E9E8E8; }
#pptitle .hd .next:hover, #pptitle .hd .prev:hover {background: #397DCF; color: #fff; font-weight: bold;}
.propic .hd dl {float: left;}
.propic .hd dl dt {float: left;}
.propic .hd dl dd {float: left; margin-left: 8px;}
.propic .hd dl dd a {display: inline-block; float: left; padding: 0 14px; height: 34px; line-height: 34px; background: #E1E0E0; color: #444; text-align: center; border-radius: 2px; margin-left: 10px;}
.propic .hd dl dd a:hover {background: #397DCF; color: #fff; }
.propic .bd {overflow: hidden; padding: 20px 0 0;}
.propic .bd li {float: left; display: inline-block; margin: 0 12px; text-align: center;}
.propic .bd li a {display: block;}
.propic .bd li a img {width: 220px; height: 160px;}
.propic .bd li a p {padding: 8px 0 0;}

.conl {width: 270px; height: 190px; padding: 90px 0 0; background: url(../img/conlxbg.jpg) no-repeat 0 0;}
.conm {width: 460px; height: 270px; margin: 0 40px;}
.conr {width: 270px; height: 270px; background: url(../img/conrbg.jpg) no-repeat 0 0;}
.conlx {border:1px solid #E9E8E8; height: 170px; padding: 10px 10px 10px 15px; line-height: 30px;}

.newpic {}
.newpic .hd {margin-bottom: 5px;}
.newpic .bd {}
.newpic .bd li {display: block; overflow: hidden; padding: 19px 0 0; font-size: 12px;}
.newpic .bd li .img {display: inline-block; float: left; margin-right: 12px;}
.newpic .bd li .img img {width: 90px; height: 60px;}
.newpic .bd li h3 {height: 24px; line-height: 24px; width: 100%; margin-bottom: 3px;}
.newpic .bd li p {color: #b6b2b2; height: 30px; line-height: 16px; overflow: hidden;}

.conr {text-align: center;}
.conr .aa { margin: 74px auto;}
.conr .aa {display: inline-block; font-size: 18px; padding:7px 40px 9px; border-radius: 2px; border: 2px solid #8E9193; color: #397DCF;}
.conr .aa:hover {background: #397DCF; color: #fff; border-color: #397DCF;}
.conr div {line-height: 20px; color: #fff; text-align: left; font-size: 12px; padding-left: 15px;}


.i_link {background: #f6f6f6; padding: 40px 0;}
.i_link span {display: inline-block; line-height: 30px; margin-right: 15px;}
.i_link a {display: inline-block; margin: 0 12px; white-space: nowrap; line-height: 34px;}

/*------------------------------------------内页面------------------------------------------*/		



.main {margin: 0 auto 30px;}
.main .w {margin-top: -60px; position: relative; z-index: 999;}
#main .w {margin-top:30px;}
#main .mr {padding:0px;}

.ml {width:220px;}
.mr {width:810px; padding: 90px 0 0;}

.mlbox {margin-bottom: 15px;}
.mltitle {color: #fff; padding: 20px 20px 20px 35px; line-height: 20px; background: url(../img/mlt.png) no-repeat center top; height: 50px;}
.mltitle p {font-size: 20px;font-weight: bold;}

.llist {background: #abcf63; padding: 0 0 0 30px}
.llist li {}
.llist li a {display:block; height:45px; line-height:45px; font-size:13px; padding-left:22px; border-bottom:1px solid #eee; color: #fff; background:#3477C8;}
.llist li a:hover, .llist li.currclass a {color:#fff; background: #abcf63;}


.map {padding:10px 15px;  font-size:14px; color:#000; background: #F6F6F6;}
.map em {float:right; font-style:normal; font-size:12px; display: inline-block; padding: 3px 0 0;}
.map em a {font-size:12px;}


.manr {margin:18px 0px 0; line-height:26px; font-size:13px; min-height:400px;}

.m_b {margin-bottom:30px; border-radius:5px; box-shadow:0 2px 4px #eee; border:1px solid #ccc;}
.m_bb { padding:1px;}
.ml .m_bb h2 {height:38px; line-height:38px; text-align:center; font-size:15px; color:#222; background-color:#f6f7f9;}


.treeview {margin:6px auto; overflow:hidden;}
.treeview .expandable {clear:both; overflow:hidden; display:block;}
.treeview .aaa {display:block; height:36px; line-height:36px; padding-left:20px;  font-weight:bold; border-bottom:1px solid #e6e6e6;}
.treeview .expandable .aaa:hover {color:#fff; background:#05509A;}
.treeview .collapsable .aaa {color:#fff; background:#05509A;}
.treeview .lastCollapsable .collapsable-hitarea {background: url(../img/i2.png) no-repeat center center;}
.treeview .collapsable .collapsable-hitarea {background: url(../img/i2.png) no-repeat center center;}
.treeview .hitarea {background: url(../img/i2.png) no-repeat center center; height:36px; width:15px; float:right; cursor: pointer; margin:0 12px 0 0;}
.treeview .expandable-hitarea {background: url(../img/i1.png) no-repeat center center;}
.treeview .tree_sub {padding:5px 0 10px; display:block;}
.treeview .tree_sub li {margin:0 10px;}
.treeview .tree_sub li a {display:block; padding-left:10px; font-size:14px; line-height:32px; height:32px; border-bottom:1px solid #eee;}
.treeview .tree_sub li .selected {font-weight:bold; color:#0CABA9; border-color: #0CABA9;}
.treeview .hover {}


/*------------------------------------------常规通用------------------------------------------*/		



/* 文章分页 */

.newslist { padding:15px 0 0;}
.newslist li {overflow:hidden; margin:0px auto;}
.newslist li:hover {box-shadow:0 0 10px #ddd; transition: all 0.3s linear 0s;}
.newslist li a {display:inline-block; float:left; line-height:32px; text-indent:24px; background:url(../img/n_ico1.png) no-repeat 8px center;}
.newslist li em {display:inline-block; float:right; font-size:12px; margin:3px 5px 0 0;}
.newslist li i {display:inline-block; float:right; margin:3px 10px 0 0;}

#art_title {text-align:center;}
#art_title h2 {font-size:16px;}
#art_xinxi {text-align:center; color:#999; margin:8px 0px; padding:0 0 8px; border-bottom:#ccc 1px solid;}
#art_xinxi span {display:inline-block; margin:0 8px;}
#art_content {margin:0 0px; font-size:13px;}
#MyContent img {max-width:720px;}
#art_copy {text-align:right; font-size:14px; margin:15px auto 0;}
#art_xguan {border-top:#ccc 1px dotted; margin:15px 0px; padding:6px 0 0;}
#art_xguan span {display:block; color:#666;}
#art_xguan span a {color:#666;}


/* 图片分页 */

#gallery { clear:both; text-align:center;}
#gallery li { display: block; float: left;}
#gallery li img {width:220px; height:160px;}
#gallery li a {margin:6px 19px 20px; border-radius:3px; display:block; padding:4px 4px; border:1px solid #ccc;}
#gallery li a:hover {color:#000; text-decoration:none; box-shadow:0 0 18px #bbb;}

/* 图片分页方式的样式*/

.ph_box {}
.ph_box .div {margin:30px auto 0;}
.ph_div {line-height:26px; padding:20px 0; font-size:14px;}

.imagelist {margin:0 auto; overflow:hidden; margin:0px auto;} /*总宽度*/
.imagelist .imagetop{padding-right:5px;text-align:right;margin:5px; display:none;}
.imagelist .imagetop a{color:#767676;}
.imagelist .defaultimagesrc{text-align:center;}
.imagelist .defaultImagesrc img{border:1px solid #f1f1f1;padding:2px}
.imagelist .imageintro{text-align:center;font-size:14px; display:none;}
.thumb { overflow:hidden; padding:10px 0px; margin:40px auto 0;}
.thumb_1 { display:none;}
.thumb_1 .font-28{font-size:18px;color:red;}
.thumb_2 {float: left; width:708px;}

.thumb_2_1, .thumb_2_2 {background:url(../img/npbtn.png) no-repeat; height:116.5px; width: 59px; cursor:pointer;}
.thumb_2_1 { background-position:left 0px; float: left;}
.thumb_2_2 {background-position:right 0px; float: right;}
.thumb_2_1:hover {background-position:left -116.5px; transition: all 0.3s linear 0s;}
.thumb_2_2:hover {background-position:right -116.5px; transition: all 0.3s linear 0s;}

#scrool_div {width:560px; position:relative; height:116px; margin:0 0 0 72px; overflow:hidden;}
#scrool_wrap {height:116px;position:absolute;width:20000px;}
#scrool_wrap li {/*width:130px;height:100px;*/float:left;margin-right:10px;}
#scrool_div img{width:122px; height:95px; margin:8px 0px 0;}
.normalthumb img{padding:2px;border:2px solid #f77f00}
.currthumb img{padding:2px;border:2px solid #fff;}
/* 图片分页方式的样式结束*/

.imglist { text-align:center;}
.imglist  span {display:none;}
.imglist img {box-shadow: 0 0 18px #ddd;}

.div_btn {padding-bottom: 16px; text-align: center;}
.div_btn a {border:1px solid #666; display: inline-block; font-size: 18px; padding: 4px 40px 4px;}
.div_btn a:hover {box-shadow: 0 0 12px #ddd; text-decoration: none; transition: all 0.3s linear 0s;}




/* 分页样式 */
#fenye {clear:both; overflow:hidden; margin:20px auto 20px; font-family:"Courier New", Courier, monospace;}
#fenye table {margin:0 auto;}
#fenye table td {padding:0;}
#fenye a{margin:0px 2px; color:#999; border:1px solid #999; border-radius:5px; font-size:14px; font-weight:bold; float:left; text-align:center; width:28px; height:24px; line-height:24px;}
#fenye a:hover{color:#da251c; border:1px solid #da251c; text-decoration:none;}
#fenye a.curr{color:#da251c; border:1px solid #da251c; }
#fenye a.num{}
#fenye span{line-height:30px; color:#da251c;}




.myform { width:100%px; margin:0px auto 0}
.myform table {margin:20px auto;}
.myform table td { padding:12px 0;}
.myform .tdbg {line-height:25px; font-size:15px;}
.myform .tdbg strong {color:#f00; font-size:20px;}
.myform .tdbg .upfile {height:25px; line-height:25px; padding:0 3px; border:1px solid #ccc; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset; border-radius:4px; width:230px;}
.myform .tdbg .oncode {width:60px; margin-right:5px; height:25px; line-height:25px; padding:0 3px; border:1px solid #ccc; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset; border-radius:4px;}
.myform .tdbg textarea{ width:285px; height:134px; padding:3px; border:1px solid #e0e0e0; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset; font:12px/22px "Microsoft yahei"; color:#666}
.myform .formcode {display:inline-table; line-height:normal;}
.myform .subtdbg {padding-left:145px;}
.myform .submit {padding:4px 50px; margin-left:20px; font-size:16px; border:none; color:#fff; border-radius:2px; cursor:pointer; background:#666}
.myform .submit:hover {background:#34373f}





/* Map Site*/
.mapmain{width:965px;margin:0px auto;border:#eee 1px solid;}
.mapmain .tit{ background:#f1f1f1; height:30px; line-height:30px;padding-left:10px;}
.mapmain .tit h2{background:#fff; height:27px; line-height:27px; margin-top:2px; float:left;font-size:14px;font-weight:bold; color:#333; width:80px; text-align:center; border:#ddd 1px solid; border-bottom:none;}
.mapmain .tit span{margin-left:15px;font-size:14px; font-weight:normal; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif;}

.mapmain .mapbox{padding:20px;}
.mapmain .mapbox .maplist{border:1px solid #f1f1f1;margin-bottom:9px;padding:6px;}
.mapmain .mapbox .maplist .classname{background:#FAFAFA; border:#f1f1f1 1px solid; padding-left:4px;}
.mapmain .mapbox .maplist .classname a{font-weight:bold;font-size:16px;padding:0px 5px;}
.mapmain .mapbox .maplist .classname a:hover{ color:red; text-decoration:none;}

.mapmain .mapbox .maplist2{padding:3px;line-height:28px;}
.mapmain .mapbox .maplist2 span.classname2{line-height:30px;}
.mapmain .mapbox .maplist2 span.classname2 a{padding:0px 5px; color:#555; font-weight:bold;}
.mapmain .mapbox .maplist span a{ padding:0px 5px;}
.mapmain .mapbox .maplist span a:hover{color:#ff6600;text-decoration:none;}


.text-center {text-align:center;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}